.b_blog-list
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 60px 0px;
	align-items: center;
	gap: 60px;
	position: relative;

	h2, .h2
	{
		font-family: Jost;
		font-size: 32px;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 36px /* 113% */;
	}

	h3, .h3
	{
		font-family: Jost;
		font-size: 26px;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 30px /* 115% */;
	}

	p, .p
	{
		font-family: "Instrument Sans";
		font-size: 16px;
		font-weight: 500;
		font-style: normal;
		color: #FFFFFF;
		line-height: 26px /* 163% */;
		letter-spacing: 0.02em;
	}

	.shared-set-button-blog
	{
		display: flex;
		align-items: center;

		.content-25
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			border-top: 2px solid #C7C7C6;
			border-bottom: 2px solid #C7C7C6;
			border-left: 2px solid #C7C7C6;
			order: 0;
		}

		span.blogs-6
		{
			color: #FFF;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		.endcap-31
		{
			height: 100%;
			position: relative;
			flex: 0 0 12px;
			object-fit: contain;
			order: 1;
			width: 100%;
		}

		.button-inline-icon-10
		{
			display: none;
		}

		&:hover .button-inline-icon-10
		{
			display: flex;
			align-items: center;
			position: relative;
			flex: 0 0 auto;
			filter: drop-shadow(0 4px 0 rgba(199, 199, 198, 1));
			order: 0;
		}

		&:hover .content-26
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			background-color: #FFF;
			border-top: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
			border-left: 2px solid #FFF;
			order: 0;
		}

		&:hover .blogs-7
		{
			color: #000;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		&:hover .endcap-32
		{
			height: 50px;
			position: relative;
			flex: 0 0 12px;
			flex-shrink: 0;
			object-fit: contain;
			order: 1;
		}

		&:hover .content-25
		{
			display: none;
		}

		&:hover .endcap-31
		{
			display: none;
		}
	}

	.shared-set-button-news
	{
		display: flex;
		align-items: center;

		.content-21
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			border-top: 2px solid #C7C7C6;
			border-bottom: 2px solid #C7C7C6;
			border-left: 2px solid #C7C7C6;
			order: 0;
		}

		span.news-7
		{
			color: #FFF;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		.endcap-27
		{
			height: 100%;
			position: relative;
			flex: 0 0 12px;
			object-fit: contain;
			order: 1;
			width: 100%;
		}

		.button-inline-icon-8
		{
			display: none;
		}

		&:hover .button-inline-icon-8
		{
			display: flex;
			align-items: center;
			position: relative;
			flex: 0 0 auto;
			filter: drop-shadow(0 4px 0 rgba(199, 199, 198, 1));
			order: 0;
		}

		&:hover .content-22
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			background-color: #FFF;
			border-top: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
			border-left: 2px solid #FFF;
			order: 0;
		}

		&:hover .news-8
		{
			color: #000;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		&:hover .endcap-28
		{
			height: 50px;
			position: relative;
			flex: 0 0 12px;
			flex-shrink: 0;
			object-fit: contain;
			order: 1;
		}

		&:hover .content-21
		{
			display: none;
		}

		&:hover .endcap-27
		{
			display: none;
		}
	}

	.shared-set-button
	{
		display: flex;
		align-items: center;

		.content-17
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			border-top: 2px solid #C7C7C6;
			border-bottom: 2px solid #C7C7C6;
			border-left: 2px solid #C7C7C6;
			order: 0;
		}

		span.case-studies-5,
		span.category-label
		{
			color: #FFF;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		.endcap-23
		{
			height: 100%;
			position: relative;
			flex: 0 0 12px;
			object-fit: contain;
			order: 1;
			width: 100%;
		}

		.button-inline-icon-6
		{
			display: none;
		}

		&:hover .button-inline-icon-6
		{
			display: flex;
			align-items: center;
			position: relative;
			flex: 0 0 auto;
			filter: drop-shadow(0 4px 0 rgba(199, 199, 198, 1));
			order: 0;
		}

		&:hover .content-18
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			background-color: #FFF;
			border-top: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
			border-left: 2px solid #FFF;
			order: 0;
		}

		&:hover .case-studies-6
		&:hover .category-label-2
		{
			color: #000;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		&:hover .endcap-24
		{
			height: 50px;
			position: relative;
			flex: 0 0 12px;
			flex-shrink: 0;
			object-fit: contain;
			order: 1;
		}

		&:hover .content-17
		{
			display: none;
		}

		&:hover .endcap-23
		{
			display: none;
		}
	}

	.shared-set-button-all
	{
		display: flex;
		align-items: center;

		.content-13
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			border-top: 2px solid #C7C7C6;
			border-bottom: 2px solid #C7C7C6;
			border-left: 2px solid #C7C7C6;
			order: 0;
		}

		span.all-7
		{
			color: #FFF;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		.endcap-19
		{
			height: 100%;
			position: relative;
			flex: 0 0 12px;
			object-fit: contain;
			order: 1;
			width: 100%;
		}

		.button-inline-icon-4
		{
			display: none;
		}

		&:hover .button-inline-icon-4
		{
			display: flex;
			align-items: center;
			position: relative;
			flex: 0 0 auto;
			filter: drop-shadow(0 4px 0 rgba(199, 199, 198, 1));
			order: 0;
		}

		&:hover .content-14
		{
			display: flex;
			height: 50px;
			padding: 10px 18px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			background-color: #FFF;
			border-top: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
			border-left: 2px solid #FFF;
			order: 0;
		}

		&:hover .all-8
		{
			color: #000;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		&:hover .endcap-20
		{
			height: 50px;
			position: relative;
			flex: 0 0 12px;
			flex-shrink: 0;
			object-fit: contain;
			order: 1;
		}

		&:hover .content-13
		{
			display: none;
		}

		&:hover .endcap-19
		{
			display: none;
		}
	}

	.nav-bar-2
	{
		display: flex;
		flex-direction: column;
		padding: 0px 50px;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h2.filter-title-2
	{
		align-self: stretch;
		order: 0;
	}

	.filter-options-2
	{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		flex-wrap: wrap;
		align-content: center;
		order: 1;
	}

	.all-3
	{
		position: relative;
		flex: 0 0 83px;
		flex-shrink: 0;
		order: 0;

		.endcap-19
		{
			flex-shrink: 0;
		}
	}

	.case-study-2
	{
		position: relative;
		flex: 0 0 171px;
		flex-shrink: 0;
		order: 1;
	}

	.news-3
	{
		position: relative;
		flex: 0 0 107px;
		flex-shrink: 0;
		order: 2;

		.endcap-27
		{
			flex-shrink: 0;
		}
	}

	.blog
	{
		position: relative;
		flex: 0 0 108px;
		flex-shrink: 0;
		order: 3;

		.endcap-31
		{
			flex-shrink: 0;
		}
	}

	.content-10
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 60px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.card-3
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.category-area-3
	{
		display: flex;
		flex-direction: column;
		padding: 0px 50px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.category-3
	{
		align-self: stretch;
		order: 0;
	}

	.bottom-area-3
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.thumb-3
	{
		display: flex;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		overflow: clip;
		object-fit: cover;
		aspect-ratio: 390 / 233;
		order: 0;
	}

	.content-area-3
	{
		display: flex;
		flex-direction: column;
		padding: 0px 50px;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.blog-content-3
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h2.title-3
	{
		align-self: stretch;
		font-size: 30px;
		line-height: 34px /* 113% */;
		order: 0;
	}

	.excerpt-3
	{
		align-self: stretch;
		order: 1;
	}

	div.excerpt-3 > p
	{

		.excerpt-3-s
		{
			color: #C8E094;
		}
	}

	.cta-3
	{
		display: flex;
		align-items: center;
		gap: 6px;
		position: relative;
		flex: 0 0 auto;
		order: 1;
	}

	span.read-on-3
	{
		color: #FFF;
		font-family: "Instrument Sans";
		font-style: normal;
		font-size: 18px;
		font-weight: 600;
		line-height: 20px /* 111% */;
		order: 0;
	}

	.korfab-3
	{
		height: 16px;
		position: relative;
		flex: 0 0 8px;
		overflow: clip;
		object-fit: contain;
		order: 1;
	}

	.info-area-3
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 2;
	}

	.author-3
	{
		order: 0;
	}

	div.author-3 > p
	{
		color: #FFF;
		line-height: 24px /* 150% */;
		text-align: right;
	}

	.date-3
	{
		order: 1;
	}

	div.date-3 > p
	{
		color: #FFF;
		line-height: 24px /* 150% */;
		text-align: right;
	}

	.card-4
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.category-area-4
	{
		display: flex;
		flex-direction: column;
		padding: 0px 50px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.category-4
	{
		align-self: stretch;
		order: 0;
	}

	.bottom-area-4
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.thumb-4
	{
		display: flex;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		overflow: clip;
		object-fit: cover;
		aspect-ratio: 390 / 233;
		order: 0;
	}

	.content-area-4
	{
		display: flex;
		flex-direction: column;
		padding: 0px 50px;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.blog-content-4
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h2.title-4
	{
		align-self: stretch;
		font-size: 30px;
		line-height: 34px /* 113% */;
		order: 0;
	}

	.excerpt-4
	{
		align-self: stretch;
		order: 1;
	}

	div.excerpt-4 > p
	{

		.excerpt-4-s
		{
			color: #C8E094;
		}
	}

	.cta-4
	{
		display: flex;
		align-items: center;
		gap: 6px;
		position: relative;
		flex: 0 0 auto;
		order: 1;
	}

	span.read-on-4
	{
		color: #FFF;
		font-family: "Instrument Sans";
		font-style: normal;
		font-size: 18px;
		font-weight: 600;
		line-height: 20px /* 111% */;
		order: 0;
	}

	.korfab-4
	{
		height: 16px;
		position: relative;
		flex: 0 0 8px;
		overflow: clip;
		object-fit: contain;
		order: 1;
	}

	.info-area-4
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 2;
	}

	.author-4
	{
		order: 0;
	}

	div.author-4 > p
	{
		color: #FFF;
		line-height: 24px /* 150% */;
		text-align: right;
	}

	.date-4
	{
		order: 1;
	}

	div.date-4 > p
	{
		color: #FFF;
		line-height: 24px /* 150% */;
		text-align: right;
	}

	@media (min-width: 1440px)
	{
		width: 100%;
		padding: 60px 170px;
		justify-content: center;
		height: initial;

		.nav-bar-2
		{
			align-items: flex-start;
			padding: initial;
		}

		.filter-title-2
		{
			font-size: 30px;
			line-height: 34px /* 113% */;
		}

		.filter-options-2
		{
			gap: 50px;
			justify-content: initial;
			flex-wrap: initial;
			align-content: initial;
		}

		.content-10
		{
			justify-content: center;
			align-items: center;
			gap: 100px;
			flex-direction: initial;
		}

		.card-3
		{
			gap: 40px;
			flex: 1 1 0%;
			min-width: 0;
			border-radius: 4px;
			width: initial;
		}

		.category-area-3
		{
			width: 500px;
			flex: 0 0 21px;
			display: initial;
			flex-direction: initial;
			padding: initial;
			justify-content: initial;
			align-items: initial;
			gap: initial;
		}

		.category-3
		{
			display: flex;
			width: 500px;
			height: 21px;
			flex-direction: column;
			position: absolute;
			left: 0px;
			top: 0px;
			align-self: initial;
		}

		.bottom-area-3
		{
			align-items: flex-start;
			gap: 40px;
		}

		.thumb-3
		{
			aspect-ratio: 5 / 3;
		}

		.content-area-3
		{
			padding: initial;
		}

		.excerpt-3
		{
			line-height: 24px /* 150% */;
		}

		.card-4
		{
			gap: 40px;
			flex: 1 1 0%;
			min-width: 0;
			border-radius: 4px;
			width: initial;
		}

		.category-area-4
		{
			width: 500px;
			flex: 0 0 21px;
			display: initial;
			flex-direction: initial;
			padding: initial;
			justify-content: initial;
			align-items: initial;
			gap: initial;
		}

		.category-4
		{
			display: flex;
			width: 500px;
			height: 21px;
			flex-direction: column;
			position: absolute;
			left: 0px;
			top: 0px;
			align-self: initial;
		}

		.bottom-area-4
		{
			align-items: flex-start;
			gap: 40px;
		}

		.thumb-4
		{
			aspect-ratio: 5 / 3;
		}

		.content-area-4
		{
			padding: initial;
		}

		.excerpt-4
		{
			line-height: 24px /* 150% */;
		}
	}
}